<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="MobileOptimized" content="320" />
	<title>Hello H5+</title>
	<!--<script type="text/javascript" src="../js/mui.min.js"></script>-->
	<script src="../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../js/jquery-2.1.0.js"></script>
	<script type="text/javascript" src="../../js/mobile-detect.min.js"></script>
	<script type="text/javascript" src="../../js/config.js"></script>
	<script type="text/javascript" src="../../js/common.js"></script>

	<link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8" />
	<style type="text/css">
		#bcid {
			width: 100vw;
			height: 90vh;
			position: absolute;
			top: 0px;
			left: 0;
			bottom: 44px;
			text-align: center;
		}

		.tip {
			color: #FFFFFF;
			font-weight: bold;
			text-shadow: 0px -1px #103E5C;
		}

		footer {
			width: 100%;
			height: 44px;
			position: absolute;
			bottom: 0px;
			left: 0;
			line-height: 44px;
			text-align: center;
			color: #FFF;
		}

		.fbt {
			width: 50%;
			height: 100%;
			background-color: #FFCC33;
			float: left;
		}

		.fbt:active {
			-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
		}
	</style>
</head>

<body style="background-color: #000000;overflow: hidden;">
	<div id="bcid">
		
	</div>
	<footer>
		<div class="fbt" onclick="back()" style="width: 100%;">取　 消</div>
		<div class="fbt" onclick="scanPicture()" style="display: none;">从相册选择二维码</div>
	</footer>
</body>
<script type="text/javascript">
		var wo = null,ws = null;
		var datas = '';
		// 扩展API加载完毕后调用onPlusReady回调函数 
		document.addEventListener("plusready", onPlusReady, false);
		// 扩展API加载完毕，现在可以正常调用扩展API
		function onPlusReady() {
			ws = plus.webview.currentWebview();
			wo = ws.opener();
			datas = ws.datas;
			plus.nativeUI.showWaiting("请稍等");
			setTimeout(function(){
				scan = new plus.barcode.Barcode('bcid', [plus.barcode.QR, plus.barcode.CODE39, plus.barcode.CODE128]);
				scan.onmarked = onmarked;
				scan.start();
				plus.nativeUI.closeWaiting();
			}, 1000)
		}
		var scan = null;
	
		function onmarked(type, result) {
			var text = '未知: ';
			switch (type) {
				case plus.barcode.QR:
					text = 'QR: ';
					break;
				case plus.barcode.CODE39:
					text = 'CODE39: ';
					break;
				case plus.barcode.CODE128:
					text = 'CODE128: ';
					break;
			}
			console.log(text + result);
			scan.cancel();
			scan.close();
			result = result.replace(/\n/g, '');
			plus.nativeUI.showWaiting('用户支付中，请勿退出...');
			console.log(ws.remark);
			if (checkNumber(result)) {
				plus.nativeUI.closeWaiting();
				wo.evalJS("code('" + type + "','" + result + "','" + JSON.stringify(datas) + "');");
				back();
			} else {
				plus.nativeUI.closeWaiting();
				video("付款码有误，收款失败");
				plus.nativeUI.alert("付款码有误，收款失败", function () {
					back();
				}, "天择可付", "关闭");
			}
		}
		
		//点击"查询"按钮跳转至日期查询页面
		mui("body").on("tap", ".fbt", function() {
			console.log(1);
			scan.cancel();
			scan.close();
			back();
		})
		
		//验证字符串是否是数字
		function checkNumber(theObj) {
			var reg = /^[0-9]*$/;
			if(reg.exec(theObj)) {
				return true;
			}
			return false;
		}
	</script>
<!-- <script type="text/javascript">
	var ws = null,
		wo = null;
	var scan = null,
		domready = false;
	var datas = '';
	// H5 plus事件处理
	function plusReady() {

		if (ws || !window.plus || !domready) {
			return;
		}
		// 获取窗口对象
		ws = plus.webview.currentWebview();
		wo = ws.opener();
		datas = ws.datas;
		scan = new plus.barcode.Barcode('bcid');
		// 开始扫描
		ws.addEventListener('show', function () {
			scan.onmarked = onmarked;
			scan.start({
				conserve: true,
				filename: '_doc/barcode/'
			});
		}, false);
		// 显示页面并关闭等待框
		ws.show('pop-in');
		wo.evalJS('closeWaiting()');
	}
	if (window.plus) {
		plusReady();
	} else {
		document.addEventListener('plusready', plusReady, false);
	}
	// 监听DOMContentLoaded事件
	document.addEventListener('DOMContentLoaded', function () {
		domready = true;
		plusReady();
	}, false);
	// 二维码扫描成功
	function onmarked(type, result, file) {
		scan.cancel();
		switch (type) {
			case plus.barcode.QR:
				type = 'QR';
				break;
			case plus.barcode.EAN13:
				type = 'EAN13';
				break;
			case plus.barcode.EAN8:
				type = 'EAN8';
				break;
			default:
				type = '其它' + type;
				break;
		}
		result = result.replace(/\n/g, '');
		plus.nativeUI.showWaiting('用户支付中，请勿退出...');
		console.log(ws.remark);
		if (checkNumber(result)) {
			plus.nativeUI.closeWaiting();
			wo.evalJS("code('" + type + "','" + result + "','" + JSON.stringify(datas) + "');");
			back();
		} else {
			plus.nativeUI.closeWaiting();
			video("付款码有误，收款失败");
			plus.nativeUI.alert("付款码有误，收款失败", function () {
				back();
			}, "天择可付", "关闭");
		}
	}
	// 从相册中选择二维码图片 
	function scanPicture() {
		plus.gallery.pick(function (path) {
			plus.barcode.scan(path, onmarked, function (error) {
				plus.nativeUI.alert('无法识别此图片');
			});
		}, function (err) {
			console.log('Failed: ' + err.message);
		});
	}
	//验证字符串是否是数字
	function checkNumber(theObj) {
		var reg = /^[0-9]*$/;
		if (reg.exec(theObj)) {
			return true;
		}
		return false;
	}

	function back() {
		mui.back();
	}
</script> -->

</html>
